body {
	margin: 0;
	background: #333;
}

#title {
	position: absolute;
	width: 40%;
	height: 10%;
	top: 0%;
	left: 30%;
	/* background: #666666; */
	color: #ffffff;
	font-size: 300%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 微软雅黑, serif;
}

#time {
	position: absolute;
	width: 30%;
	height: 10%;
	top: 0;
	right: 0;
	color: #ffffff;
	font-size: 20px;
	/*background: green;*/
}

#c1 {
	position: absolute;
	width: 40%;
	height: 30%;
	top: 10%;
	left: 30%;
	background: #abe18c;
}

.num {
	width: 25%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ef3810;
	font-size: 20px;
}
.txt {
	width: 25%;
	float: left;
	font-family: "微软雅黑", serif;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #000000;
}

#c2 {
	position: absolute;
	width: 40%;
	height: 60%;
	top: 40%;
	left: 30%;
	background: #84d3f3;
}

#l1 {
	position: absolute;
	width: 30%;
	height: 45%;
	top: 10%;
	left: 0%;
	background: #84d3f3;
}

#l2 {
	position: absolute;
	width: 30%;
	height: 45%;
	top: 55%;
	left: 0%;
	background: #84d3f3;
}

#r1 {
	position: absolute;
	width: 30%;
	height: 45%;
	top: 10%;
	right: 0%;
	background: #84d3f3;
}

#r2 {
	position: absolute;
	width: 30%;
	height: 45%;
	top: 55%;
	right: 0%;
	background: #84d3f3;
}

.news {
  width: 530px;
  border: 1px solid gray;
  padding: 20px 15px ;
  margin: 10px;
  background: #6b75ef;
}

.news h2{
   padding-bottom: 5px;
   color: white;
   font-weight: bold;
}

.news ul{

   padding:5px 10px ;

   background: white;

}

.news ul li{
   list-style: none;
   height: 30px;
   line-height: 30px;
   border-bottom: 1px dashed gray;
   text-indent: 15px;
   font-size: 14px;
   background: #98fd01;
	overflow: hidden;
}
